:root {
   --dark-active-background: rgba(255, 255, 255, 0) !important;
   --dark-color: rgba(255, 255, 255, 0) !important;
   --dark-main-color: #1a1a1a !important;
   --color-text-primary: #7f8c93 !important;
   --color-text-regular: rgba(255, 255, 255, 0.8) !important;
   --dark-border-color: rgba(255, 255, 255, 0.4) !important;
   --dark-background-color: rgba(0, 0, 0, 0.3) !important;
   --dark-scrollbar-thumb: rgba(255, 255, 255, 0.6) !important;
 }
div,
form,
section,
table,
tbody,
thead,
td,
tr,
th,
ul,
li,
input,
textarea,svg {
    background-color: var(--dark-active-background) !important;
    background: var(--dark-active-background) !important;
    border-color: var(--dark-border-color) !important;
}
.el-main {
   background-color: var(--dark-active-background) !important;
    background: var(--dark-active-background) !important;
}
body {
   transition: background 0.4s,background-color 0.4s ease 0.1s;
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
/*益处tab 的边框*/
.el-tabs__header .el-tabs__item {
   border:none !important;
}
/*设置所有文本默认的颜色*/
div {
   color: var(--color-text-regular) ;
}
/*设置输入框的样式*/
input {
   color: var(--color-text-regular) !important;
}

input::placeholder {
   color: #5b5b5b !important;
}
input:focus {
   border-color: var(--color-primary) !important;
}
/*设置文本框的样式*/
textarea {
   color: var(--color-text-regular) !important;
}
textarea:focus {
   border-color: var(--color-primary) !important;
}
textarea::placeholder {
   color: var(--color-text-regular) !important;
}
/*设置弹出的样式*/
.el-popper {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important; 
}
.el-popper .el-time-spinner__item {
   color: var(--color-text-regular) !important;
}
.el-popper .cancel {
   color: var(--color-text-regular) !important;
}
.el-popper .el-select-dropdown__item {
   color: var(--color-text-regular);
}
.el-popper .el-select-dropdown__item:hover {
   color: var(--color-primary) !important;
}
/*设置弹窗样式*/
.el-message-box__title {
   color: var(--color-text-regular) !important;
}
.el-message-box__wrapper {
   background-color: var(--dark-background-color) !important;
   background: var(--dark-background-color) !important;
}
.el-message-box {
    background-color: var(--dark-main-color) !important;
    background: var(--dark-main-color) !important;
}

/*对话框样式*/
.el-dialog__wrapper {
   background-color: var(--dark-background-color) !important;
   background: var(--dark-background-color) !important;
}
.el-dialog__wrapper .el-dialog {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
   border-style: solid;
   border-color: var(--dark-border-color) !important;
}
.el-dialog__wrapper .el-dialog__title {
   color: var(--color-text-regular) !important;
}
.el-dialog__wrapper .el-dialog__body {
   color: var(--color-text-regular) !important;
}
/*设置通知*/
.el-notification {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
.el-notification__title {
   color: var(--color-text-regular) !important;
}
.el-notification__content {
   color: var(--color-text-regular) !important;
}
/*设置表格样式*/
.el-table__fixed-right td {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
.el-table__fixed-right th {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
.el-table__fixed td {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
.el-table__fixed th {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
   background-color:var(--dark-scrollbar-thumb) !important; ;
}
/*设置开关样式*/
.el-switch__core {
    background-color: var(--dark-active-background) !important;
    background: var(--dark-active-background) !important;
}
.is-checked > .el-switch__core{
   background-color: var(--color-primary) !important;
   background: var(--color-primary) !important;
}
/*设置多选框样式*/
.el-checkbox__inner {
   background-color: var(--dark-active-background) !important;
    background: var(--dark-active-background) !important;
}
/*设置单选选框样式*/
.el-radio__inner {
   background-color: var(--dark-active-background) !important;
    background: var(--dark-active-background) !important;
}

/*箭头样式*/
.popper__arrow{
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;   
}
.popper__arrow::after{
   top: -1px !important;
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;   
}
/*翻页按钮*/
.btn-next, .btn-prev {
   background-color: var(--dark-active-background) !important;
   background: var(--dark-active-background) !important;
   color: var(--color-text-regular) !important;
}
/*默认按钮颜色*/
.el-button--default {
   background-color: var(--dark-active-background) !important;
   background: var(--dark-active-background) !important;
   color: var(--color-text-regular) !important;
   border-color: var(--dark-border-color) !important;
}
.el-button--default:hover{
   color: var(--color-primary) !important;
   border-color: var(--color-primary) !important;
}

/*修改步骤条样式*/
.el-steps .el-step__line {
   background-color: var(--dark-border-color) !important;
   background: var(--dark-border-color) !important;
}
.el-steps .el-step__icon {
   background-color: var(--dark-main-color) !important;
   background: var(--dark-main-color) !important;
}
